<template>
    <div class="box">
        <div class="box-header">
            <img src="@/assets/large-screen/title/on-one.png" />
            <span class="box-header-title">个人信用重点关注、一般信用人员信息</span>
        </div>
        <div class="box-tabs">
            <span :class="activeTab=='one'?'on':''" @click="onTab('one')">一线进出境人员</span>
            <span :class="activeTab=='two'?'on':''" @click="onTab('two')">二线进出岛人员</span>
        </div>
        <div class="box-content">
            <CreditTable></CreditTable>
        </div>
    </div>
</template>

<script setup lang="ts">
import { ref } from 'vue';
import CreditTable from './CreditTable.vue'
const activeTab = ref('one')

function onTab(tab: string) {
    activeTab.value = tab
}
</script>


<style lang="less" scoped>
//修改
</style>